|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>魅せるホームページ作成講座</TITLE> </HEAD> <BODY onLoad="ImageMove()"> <IMG id="img1" src="star.gif" style="position:absolute; left:-30px; top:-30px;"> <SCRIPT type="text/javascript"> <!-- var ix=-30, iy=-30; var mx=0, my=0; document.onmousemove = MouseMove; function MouseMove() { mx=event.clientX; my=event.clientY; } function ImageMove() { ix=ix+(mx-ix)/20; iy=iy+(my-iy)/20; img1.style.left = ix + "px"; img1.style.top = iy + "px"; setTimeout("ImageMove()",10); } // --> </SCRIPT> </BODY> </HTML> |